<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
</head>
<body>
    <center>
        <h1>用户注册</h1>
        <!--
            <form>:表单，用于将用户在页面上输入的信息提交给服务端使用
                   注意:只有被包含在form里面的输入框才会被提交!
                   form上有两个重要的属性:
                   action:用于指定表单提交的位置，该位置需要服务端配合
                   method:提交方式，有两个值:get,post
                          get:地址栏形式提交，数据会被包含在URL的抽象路径部分
                          post:打包提交，数据会被包含在请求的消息正文中
                          当表单含有用户隐私信息或附件上传是应当使用post提交。

            <input type="submit">:提交按钮,这个按钮的作用是将包含它的form表单
                                  进行提交。

            注意:form表单中所有输入框都要使用name属性指定名字，否则提交表单时会被
                表单忽略。
         -->

        <!--
         提交表单后，浏览器地址栏内容大致如下:
         http://localhost:8088/myweb/reg?username=fancq&password=123456&nickname=chuanqi&age=22

         其中抽象路径部分为:
         /myweb/reg?username=fancq&password=123456&nickname=chuanqi&age=22
         “?”是一个分隔符，左侧内容是form表单action指定的提交位置。右侧是表单数据
         表单数据的格式:
         输入框1的名字=输入框1的值&输入框2的名字=输入框2的值&.....

         -->
        <form action="/myweb/reg" method="post">
            <table border="1">
                <tr>
                    <td>用户名</td>
                    <td><input name="username" type="text"></td>
                </tr>
                <tr>
                    <td>密码</td>
                    <td><input name="password" type="password"></td>
                </tr>
                <tr>
                    <td>昵称</td>
                    <td><input name="nickname" type="text"></td>
                </tr>
                <tr>
                    <td>年龄</td>
                    <td><input name="age" type="text"></td>
                </tr>
                <tr>
                    <td colspan="2" align="center">
                        <input type="submit" value="注册">
                    </td>
                </tr>
            </table>
        </form>
    </center>
</body>
</html>